今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「設定文字樣式」

學習筆記

1. 可以把文字設計一個 Style

   bodyLarge = TextStyle(
       fontFamily = fontFamily,
       fontWeight = FontWeight.Normal,
       fontSize = 24.sp,
       lineHeight = 16.sp,
       letterSpacing = 0.15.sp
   )
   

2. 如何使用 Style

   Text(
       text = message,
       style = MaterialTheme.你設定的style.bodyLarge.copy(color = Red)
   )
   

3. 如何設定顯示更多，例如文字超過十行就顯示

   Text(
       text = message,
       maxLines = 10,
       overflow = TextOverflow.Ellipsis,
       onTextLayout = {
           if (it.hasVisualOverflow) {
               // 顯示更多按鈕
           }
       }
   )
   

4. 如何使用自定義字體

   val provider = GoogleFont.Provider(...)
   
   //設定自定義字體和備用字體
   val fontFamily = FontFamily(
       Font(googleFont = LobsterTwo,
            fontProvider = provider)
   )
   
   val chatTypography = Typography(
       displayLarge = TextStyle(
           fontFamily = fontFamily
       )
   )
   

5. Android O 開始支援可變字體
6. 可以用 cursorBrush 來設定游標樣式